<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/>
    <meta name="renderer" content="webkit"/>
    <title>查看设备</title>
    <script data-main="device-debug.js" src="../../../boot.js" type="text/javascript"></script>
</head>
<body>
<h1>TreeGrid 树形表格</h1>
<div>
    <label >名称：</label>
    <input id="key" class="mini-textbox" style="width:150px;" onenter="onKeyEnter"/>
    <a class="mini-button" style="width:60px;" onclick="search()">查询</a>  <span>例如输入“项目”后点击按钮</span>
</div>
<div id="treegrid1" class="mini-treegrid" style="width:600px;height:280px;"
     showTreeIcon="true"
     treeColumn="taskname" idField="UID" parentField="ParentTaskUID" resultAsTree="false" expandOnLoad="true"
>
    <div property="columns">
        <div type="indexcolumn"></div>
        <div name="taskname" field="Name" width="200">任务名称</div>
        <div field="Duration" width="100">工期</div>
        <div field="Start" width="100" dateFormat="yyyy-MM-dd">开始日期</div>
        <div field="Finish" width="100" dateFormat="yyyy-MM-dd">完成日期</div>
    </div>
</div>
</body>
</html>